<template>
    <a-layout>
     <a-card title="员工基本信息">
        <a-col :span="6" class="ant-col"  >
          <b>员工类型:&nbsp;&nbsp;</b>
           {{user.empType}}
         </a-col>
        <a-col :span="6" class="ant-col"  >
          <b>员工姓名:&nbsp;&nbsp;</b>
            {{user.empname}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
          <b>性别:&nbsp;&nbsp;</b>
            {{user.ssex}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
         <b>身份证号:&nbsp;&nbsp;</b>
         {{user.idCard}}
        </a-col>

        <a-col :span="6" class="ant-col"  >
         <b>手机号码:&nbsp;&nbsp;</b>
         {{user.mobile}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
          <b>是否城镇:&nbsp;&nbsp;</b>
          {{user.cityFlag}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
          <b>个人邮箱:&nbsp;&nbsp;</b>
          {{user.emailPersonal?user.emailPersonal: '暂未绑定'}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
          <b>企业邮箱:&nbsp;&nbsp;</b>
          {{user.emailBussiness?user.emailBussiness: '暂未绑定'}}
        </a-col>

        <a-col :span="6" class="ant-col"  >
         <b>出生日期:&nbsp;&nbsp;</b>
         {{user.birthDate}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
          <b>籍贯:&nbsp;&nbsp;</b>
          {{user.homeAddr}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
          <b>学历:&nbsp;&nbsp;</b>
          {{user.eduLvl}}
        </a-col>
        <a-col :span="6" class="ant-col"  >
          <b> 毕业院校:&nbsp;&nbsp;</b>
          {{user.eduSchName}}
        </a-col>

        <a-col :span="6" class="ant-col"  >
          <b>专业:&nbsp;&nbsp;</b>
          {{user.eduDisc}}
        </a-col>
       <a-col :span="6" class="ant-col"  >
          <b>毕业时间:&nbsp;&nbsp;</b>
          {{user.eduGraduationTime}}
      </a-col>
     </a-card>
  </a-layout>
</template>
<script>
import {mapState} from 'vuex'
const formItemLayout = {
  labelCol: { span: 6 },
  wrapperCol: { span: 16 }
}
export default {
  name: 'UserInfo',
  data () {
    return {
      loading: false,
      sxsShow: false,
      zsygShow: true,
      formItemLayout
    }
  },
  computed: {
    ...mapState({
      user: state => state.account.user
    })
  }
}

</script>
<style scoped>
.ant-col{
    margin-bottom: 15pt;
  }
</style>
